<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="author" content="微普科技 http://www.wiipu.com" />
		<title> 管理首页 </title>
		<link rel="stylesheet" href="css/style.css" type="text/css" />
		<link rel="stylesheet" href="css/form.css" type="text/css" />
		<link rel="stylesheet" href="css/boxy.css" type="text/css" />
		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="js/layer/layer.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script>
			$(function(){
				$("#btn_submit").click(function(){
					layer.confirm('确认删除当前用户吗？', {
	            	    btn: ['确认','取消']
	            	}, function(){
	    				layer.msg('删除成功');
	    			}, function(){
	
	            	});
				});
				$("#loadhtml").click(function(){
					layer.open({
					    type: 1,
					    area: ['380px', '100px'],
					    shadeClose: false, //开启遮罩关闭
					    content: '<p style="padding:20px">HTML</p>'
					});
				});
	
			});
		</script>
	</head>
	<body>
		<div id="header">
			<div class="top">
				<div class="logo" style="position:absolute;top:18px;left:0;">
					<img src="images/logo.jpg" width="120" height="60" alt="" />
				</div>
				<div class="topinfo2">
					管理员，欢迎您！ 帐号：Admin 身份：超级管理员
				</div>
				<div class="topinfo">
					[<a href="#">修改密码</a>] [<a href="login.html">退出登录</a>]
				</div>
			</div>
			<div id="topmenu">
				<ul>
					<li><a href="index.html">Box风格</a></li>
					<li><a href="table.html">主要元素</a></li>
					<li><a href="table2.html">全表格表单</a></li>
					<li><a href="form.html">表单样式</a></li>
					<li><a href="boxy.html" class="active">弹层</a></li>
					<li><a href="#">使用bootstrap</a></li>
					<li><a href="#">使用EasyUI</a></li>
					<li><a href="#" class="last">其他样式</a></li>
				</ul>
			</div>
		</div>
		<div id="container">
			<div id="leftmenu">
				<div class="menu1"><a href="#">数据统计</a></div>
				<div class="menu2"><a href="#">数据统计</a></div>
				<div class="menu2"><a href="#">数据统计</a></div>
				<div class="menu2"><a href="#" class="open">数据统计</a></div>
				<div class="menu3"><a href="#">数据统计</a></div>
				<div class="menu3"><a href="#" class="active">数据统计</a></div>
				<div class="menu2"><a href="#" class="close">数据统计</a></div>
				<div class="menuline"></div>
				<div class="menu1"><a href="#">数据统计</a></div>
			</div>
			<div id="maincontent">
				<div id="position">当前位置：<a href="#">系统首页</a> &gt; <a href="#">主要元素</a> &gt; 三级菜单</div>
				<div id="formlist">
					<p>
						<input type="button" id="btn_submit" class="btn_submit" value="confirm" />
					</p>
					<p>
						<input type="button" id="loadhtml" class="btn_submit" value="alert" />
					</p>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<div id="footer">
			<a href="#">北京微普科创科技有限公司</a> 版权所有
		</div>
	</body>
</html>